<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/book.css">
</head>
<body>
    <div class="box_div">
        <ul class="meau">
            <li id="user">用户管理</li>
            <li id="toBook" class="active">图书管理</li>
            <li id="toBorrow">订单管理</li>
            <li id="toreader">读者管理</li>
            <li id="add">新增管理</li>
            <li id="back">退出系统</li>
        </ul>
    </div>
    <div class="info_box">
        <ul>
            <li>图书编号</li>
            <li>图书名称</li>
            <li>图书作者</li>
            <li>图书价格</li>
            <li>图书库存</li>
            <li>出版社</li>
            <li>出版时间</li>
            <li>操作</li>
        </ul>
        <ul class="det_info">
            <li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li><li>
                <div>9527</div>
                <div>java</div>
                <div>曹操</div>
                <div>49.8</div>
                <div>200</div>
                <div>航空工业出版社</div>
                <div>2024.1.1</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
        </ul>
    </div>
    <div class="changeInfo" id="show_box">
        <ul>
            <li>
                <label for="">编号</label>
                <input type="text" disabled value="9527">
            </li>
            <li>
                <label for="">图书名称</label>
                <input type="text"  value="" placeholder="请输入图书名称...">
            </li>
            <li>
                <label for="">图书作者</label>
                <input type="text"  value="" placeholder="请输入图书作者...">
            </li>
            <li>
                <label for="">图书价格</label>
                <input type="text"  value="" placeholder="请输入图书价格...">
            </li>
            <li>
                <label for="">图书库存</label>
                <input type="text"  value="" placeholder="请输入图书库存...">
            </li>
            <li>
                <label for="">出版社</label>
                <input type="text"  value="" placeholder="请输入出版社...">
            </li>
            <li>
                <label for="">出版时间</label>
                <input type="text"  value="" placeholder="请输入出版时间...">
            </li>
        </ul>
        <div class="btu_box">
            <button>确定</button>
            <button id="hide_btu">取消</button>
        </div>
    </div>
    <div class="zz" id="dzz">

    </div>
</body>
<script src="../../js/book.js"></script>
<script src="../../js/common_header.js"></script>
</html>